<html><head>
    <meta name="renderer" content="webkit">
    <meta charset="utf-8">
    <title>关于我们</title>
    <link type="text/css" href="./static/css/style1.css?v10.03" rel="stylesheet">
    <meta name="viewport" content="width=1190">
    <style type="text/css">
        .mian-wrap{width:100%;height:470px;}
        .cont-mask i{position:absolute;left:0;top:-5px;z-index:10;width:310px;height:310px;background:url("https://img.haoqiao.com/website/images/error/mask.png") no-repeat;}
        .cont-mask img{position:absolute;left:0;top:-5px;}
        .cont-info dt{margin:0 0 30px 0;}
        .cont-info dt span{color:#d75;font-size:30px;}
        .cont-btn-s-box p{line-height:30px;margin:0 0 10px 0;font-size:16px;}
        .about-contect-cont{line-height:26px;margin:20px 0 0;font-size:16px;}
        .about-title{width:100%;font-size:32px;font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;color:#333333;text-align: center}
        .about-cont{line-height:26px;font-size:20px;}
        .about-cont p{margin:20px 0 0 0;}
        .about-title-a-w{position:relative;padding:30px 0 25px 0;}
        .about-title-a-w .about-cont p{margin:10px 0 0 0;line-height:30px;text-indent: 2em;font-size:16px;color:#333333}
        .about-title-a{background-position:0 -426px;}
        .mian-contect-wrap{padding:30px 0;width:1190px;}
        .about-contect-box{margin-top:20px;}
        .about-contect-list li{background-color: #ffffff;position:relative;float:left;width:490px;height:auto;min-height:120px;margin:0 0 15px 0;padding:0 0 0 120px;border:solid 1px #ddd;font-size:16px;}
        .about-contect-box .about-contect-list li i{width:120px;height:120px;background-repeat:no-repeat; background-size: 70px; background-position: center;margin:0;position:absolute;left:0px;top:0;}
        .about-contect-box .about-contect-list li.about-content-list-b i {height:80px;}
        .about-contect-list li i.about-contect-phone{height:100%;background-image:url("https://img.haoqiao.com/website/images/about_phone.gif");}
        .about-contect-list li a{color:#333;}
        .about-contect-list li a:hover{color:#49f;}
        .about-contect-list li p{padding-left:10px;line-height:24px;position:relative;}
        .about-contect-list li p:before{display:block;content:'';width:4px;height:4px;background:#333;border-radius:50%;position:absolute;top:9px;left:0;}
        .about-contect-list li p:nth-last-of-type(1) {padding-bottom:8px;}
        .about-contect-t{padding:8px 0 0 0;font-size:20px;}
        .about-contect-z{padding:25px 0 0 0;font-size:20px}
        .about-contect-service-ph{position: relative;float: left;width: 600px;height: 181px;margin: 0 18px 0 0;padding: 0 0 0 110px;border: solid 1px #ddd; font-size: 16px;}
        .about-contect-service-ph i{position: absolute; left: 20px;top: 20px;width: 70px;height: 70px;background: url("https://img.haoqiao.com/website/images/about_phone.gif") no-repeat;}
        .about-contect-service-ul{list-style-type : disc}
        .about-contect-service-ul li { position: relative;clear:both;width: 580px;font-height: 30px;height:auto;margin: 0 0 0 20px;padding: 0 0 0 0;border: 0;font-size: 16px;}
        .about-contect-service-title{padding: 20px 0 0 0;}
        .about-contect-service-online{float:left;width:255px; margin: 0 -100px 0 0;}
        .about-contect-service-online .contact-us-cont-list-service  li{width:255px;height:90px; border:solid 1px #ddd;font-size:16px;}
        .about-contect-service-online .contact-us-cont-list-service  li .about-contect-t{padding:16px 0 0 0 }
        .main-m{width:100%}
        .main-m .about-title-a-w{width:1190px;margin:0 auto;}
        .main-m ul li{text-align: center;width:100%;height:250px;}
        .main-m ul li .about-cont-m-top{float: left;width:30%}
        .main-m ul li .about-cont-m-top-add{width:5%}
        .main-m .about-cont ul li p{padding-bottom:10px;font-size:30px;text-indent:0;}
        .main-m ul li .about-cont-m-l{float: left;text-align: left;width: 618px;}
        .main-m ul li .about-cont-m-r{float: left;text-align: center;width: 340px;}
        .main-m ul li .about-cont-m-c{font-size:16px;color:#666666;line-height: 30px}
        .mian-wrap-contect .about-contect-cont{width: 578px;text-align: left;font-size:16px;color:#333333;line-height: 35px;margin:0;}
        .about-contect-list .about-content-list-b{width:176px;float: left;height:80px;min-height:80px;margin-bottom:0;}
        .about-contect-list .about-content-list-b i{margin: -10px 0 0 10px;}
        .side-app-right{display:none}
        .side-right{display:none;}
        .line{width:1px;height:100%;background-color:#999;position:absolute;left:26px;z-index:-1;}
        .about_time_main{padding: 30px 0 25px 0;width:100%;background-color: #F8F8F8;}
        .about_time_a{width: 1190px;margin: 0 auto;}
        .about_time_img{width: 430px;}
        .about_main{overflow:hidden;height:auto;}
        .about_main ul{margin-left:8px;border-left:1px solid #ff8b62;}
        .about_main ul li{position:relative;padding-left:17px;font-size:16px;color:#333333;line-height:16px;margin-bottom:30px;}
        .about_main ul li:before{display:block;content:'';width:16px;height:16px;background:#ff8b62;margin-right:9px;border-radius:50%;position:absolute; left:-8px; top:0;}
        .about_main ul li:last-child{margin-bottom:0px;}
        .about_main ul li span:nth-child(1) {margin-right:22px;}
        .about-cont-m-top span{display: block;line-height: 35px;}
        .about-res-span{color:#768efa;}
        .about-fri-span{color:#3eb9a5}
        .about-ser-span{color:#24b84f }
        .about-cont-ul{margin-bottom:13px;}
        .about-cont-ul span{
            display:inline-block;
            background: #768efa;
            color:#fff;
            font-size:16px;
            padding:0 17px;
            height:34px;
            line-height: 34px;
            border-radius: 20px;
            margin-top:10px;
        }
        .about-cont-ul span:not(:last-child) {margin-right:4px;}
        .about-cont-ul2 span{
            background: #3eb9a5;
        }
        .about-cont-ul3 span{
            background: #24b84f;
        }
        .main-m ul li.about-cont-li{
            margin-top:0px;
            height:auto;
            -moz-box-sizing:border-box; /* Firefox */
            -webkit-box-sizing:border-box; /* Safari */
            box-sizing:border-box;
        }
        .about-cont-li-div{
            width:950px;
            margin:0 auto;
            padding: 50px 0;
        }
    </style>
    <style></style></head>

<body>

<script type="text/javascript">
    var config_header = {
        is_login : "0",
        is_show_vehicle : "",
        static_img : "https://img.haoqiao.com",
    };
    function preloadImg(loadImgArr) {
        if(!loadImgArr) return
        var imgWrap = [];
        for(var i =0; i< loadImgArr.length ;i++) {
            imgWrap[i] = new Image();
            imgWrap[i].src = loadImgArr[i];
        }
    }
</script>
<link rel="stylesheet" type="text/css" href="./static/css/iconfont/iconfont.css?v10.03">
<link rel="stylesheet" type="text/css" href="./static/css/global.css?v10.03">


<div class="hq_header_wrap rel bg-fff">
    <div class="w hq_header_top m0auto dif jcb">
        <a class="J_token hq_header_logo dif aic" href="/index.html">
            <img src="./img/logo.png" height="59">
        </a>
        <div class="hq_header_top_right dif aic pr10">
        </div>
    </div>
    <div class="hq_header_bottom bg-49f">
        <div class="clearfix w">
            <ul class="hq_header_bottom_left fl clearfix">
                <li class="fl">
                    <a rel="nofollow" class="nav-link  J_token" href="/index.html">酒店预订</a>
                </li>
                <li class="fl member-center-btn">
                    <a rel="nofollow" class="nav-link  J_token" href="/member.html">用户中心</a>
                </li>
            </ul>
            <ul class="hq_header_bottom_right nav-ul-right clearfix fr login-reg-box">
                <li class="nav-menu-li-space fl">
                    <span class="space-style"></span>
                </li>
                <li class="nav-menu-li-login fl rel nav-menu-pop-box">
                    <a rel="nofollow" id="J_nav_menu_login" class="nav-link adverb-color f13 head_login"
                       href="/index.html">登录 / 注册</a>
                </li>
            </ul>
            <ul class="hq_header_bottom_right nav-ul-right clearfix fr nickname-box">
                <li class="nav-menu-li-space fl">
                    <span class="space-style"></span>
                </li>
                <li class="nav-menu-li-login fl rel nav-menu-pop-box">
                    <a rel="nofollow" class="nav-link nickname adverb-color f13"
                       href="javascript:;"></a>
                </li>
                <li class="nav-menu-li-login fl rel nav-menu-pop-box list-logout-btn">
                    <a rel="nofollow" class="nav-link adverb-color f13"
                       href="javascript:;">退出</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="main">
    <div class="about-title-a-w">
        <div class="about-title about-title-a">关于我们</div>
        <div class="about-cont">
            <p>2020年新冠疫情的影响下，为促使景区、酒店尽快恢复正常状态，游鸽景酒联盟正式成立。游鸽景酒联盟通过游鸽景酒销售平台，为旅行社、</p>
            <p>旅游经理人提供了上千家景区、酒店销售资源，使旅行社、旅游经理人更方便快速的获取相应资源，在线订房、订票等服务，从而解决景区、</p>
            <p>酒店销售压力、宣传成本。</p>
        </div>
    </div>
</div>
<div class="main main-m" style="background-color: #f8f8f8">
    <div class="about-title-a-w">
        <div class="about-title about-title-a">我们精益求精，只为您的信任</div>
        <div class="about-cont">
            <ul>
                <li style="height:180px;margin-top:40px;border-bottom: 1px dashed  #a3b6c6">
                    <div style="width:70%;margin: 0 auto">
                        <div class="about-cont-m-top">
                            <img src="./img/resource.png" style="display: inline;">
                            <span class="about-res-span pr20">资源整合</span>
                        </div>
                        <div class="about-cont-m-top about-cont-m-top-add">
                            <img src="./img/about_icon_add1.png">

                        </div>
                        <div class="about-cont-m-top">
                            <img src="./img/friendly.png" style="display: inline;">
                            <span class="about-fri-span pr20">体验友好</span>
                        </div>
                        <div class="about-cont-m-top about-cont-m-top-add"><img src="./img/about_icon_add2.png"></div>
                        <div class="about-cont-m-top">
                            <img src="https://img.haoqiao.com/website/images/about/services.png" style="display: inline;">
                            <span class="about-ser-span pr20">服务专业</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="footer w100p t-fff f12" id="J_footer">
    <div class="w footer_wrap">
        <div class="footer_bottom w100p pt10 clearfix">
            <img class="fl" src="./img/logo.png" height="80">
        </div>
    </div>
</div>

<div id="bg"></div>

</body>
</html>
<script src="./static/js/jquery.mini.js" type="text/javascript"></script>
<script src="./static/js/main.js" type="text/javascript"></script>
<script src="./js/lib/vue.js" type="text/javascript"></script>
<script src="./js/lib/element-ui/index.js" type="text/javascript"></script>
<script>
    var _v;
    var vueModel = {
        el: '.main',
        data: {
            activeName: 'ser'

        },
        methods: {
            getQueryVariable: function (variable) {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            },
        },
        mounted: function () {
            _v = this;

            if (!!localStorage.getItem('_token')) {
                var nickname = JSON.parse(localStorage.getItem('_token') || '{}').nick_name;
                $('.nickname-box').find('.nickname').show().text(nickname);
                $('.login-reg-box').hide();
                $('.member-center-btn').show();
            } else {
                $('.login-reg-box').show();
                $('.nickname-box').hide();
                $('.member-center-btn').hide();
            }

            $('.list-logout-btn').click(function () {
                HQ.ajax("/logout/", {}, function (data) {
                    if (data.code === 0) {
                        localStorage.removeItem('_token')
                        location.href = '/';
                    } else {
                    }
                }, function () {
                }, "POST");
            })
        }
    }
    $(function () {
        new Vue(vueModel);
    })
</script>